<template>
  <a-row class="mt-4 ml-4">
    <a-col :span="4">
      <a-button color="success" preIcon="gg:loadbar-doc" postIcon="gg:loadbar-doc" iconSize="14">成功按钮</a-button>
      <a-button color="error" >错误按钮</a-button>
      <a-button color="warning">警告按钮</a-button>
    </a-col>
    <a-col :span="4" class="bg-blue">
      <label>邮箱</label>
    </a-col>
    <a-col :span="8" class="bg-green">
      <a-input addon-after=".com" />
    </a-col>
  </a-row>
</template>
<script lang="ts" setup>
  import { Row as ARow, Col as ACol } from 'ant-design-vue';
</script>

<style lang="less" scoped></style>
